<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>form 表单</title>
    </head>
    <body>
        <!-- 表单 -->
        <form action="">
            <p>
                用户名：<input type="text" value="张三">                
            </p>
            <p>
                用户名：<input type="text" placeholder="请输入用户名">
            </p>
            <!-- 密码框 -->
            <p>
                密&nbsp;码：<input type="password" placeholder="请输入密码">
            </p>
            <!-- 多选框 -->
            <p>
                性&nbsp;别：
                <label>
                    <input type="radio" name="sex" checked="checkde">男
                </label>
                <label>
                    <input type="radio" name="sex">女
                </label>
                <label>
                    <input type="radio" name="sex">保密
                </label>
            </p>
            <!-- 复选框 -->
            <p>
                爱&nbsp;好：
                <label>
                    <input type="checkbox" name="hobby" checked="checked">运动
                </label>
                <label>
                    <input type="checkbox" name="hobby">画画
                </label>
                <label>
                    <input type="checkbox" name="hobby">音乐
                </label>
                <label>
                    <input type="checkbox" name="hobby">阅读
                </label>
                <label>
                    <input type="checkbox" name="hobby">其他
                </label>
            </p>
            <!-- 文本域 -->
            <p>
                自我介绍
                <textarea style="resize: none;" rows="5" cols="50" placeholder="请输入自我介绍"></textarea>
            </p>
            <!-- 下拉菜单 -->
            <p>
                籍贯：
                <select>
                    <option>北京</option>
                    <option selected="selected">广州</option>
                    <option>深圳</option>
                    <option>上海</option>
                </select>
            </p>
        </form>
    </body>
</html>